@mixin app-create-progress() {
    .aui-progress {

        display: inline-block;
        min-width: 10em;
        appearance: none;
        border: none;
        background-color: $aui-brand-light-gray;
        border-radius: 3px;

        &__bar {
            height: 12px;
        }

        &__value  {
            height: 100%;
            background-image:
                    repeating-linear-gradient(0deg, #25c4ee, #0caed9);
            will-change: width;
        }

    }
}